<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>KD</title>
    <style>
        header{
            position: relative;
        }
        header p{
            position:absolute;
            top:10px;
            width: 10px;
            color:aqua;
        }
        header img{
            width: 100%;
            height: 600px;
        }
        header nav div{
                float: left;
                margin: 3px 8px;
                font-size: large;
               
            }
            a{
                text-decoration: none;
            }
           div a:hover {
  background-color: #555;
  color: white;
}
* {
  box-sizing: border-box;
}

            div a {
                 display: block;
             color: rgb(73, 18, 18);
              text-align: center;
                padding: 14px 16px;
                text-decoration: none;
               }

div a:hover:not(.active) {
  background-color: #111;
}

            header nav::after{
                clear: both;
                content: '';
                display: block;
            }
            header{
                position: relative;
            }
            header nav{
                position: fixed;
                top: 20px;
                right: 0;
            }
            body{
                font-size: 30px;
            }
            #z1{
                position: fixed;
                bottom: 0;
                right: 20;
            }
            ul{
                list-style-type:none;
                margin: 0;
                padding: 0;
                overflow: hidden;
                background-color: #333;
            }
            li {
                float: left;
              }
              li a, .dropbtn {
  display: inline-block;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}
        li a:hover, .dropdown:hover .dropbtn {
  background-color: red;
}
li.dropdown {
  display: inline-block;
}
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(155, 18, 18, 0.2);
  z-index: 1;
}
.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}
.dropdown-content a:hover {
    background-color: #f1f1f1;
}
.dropdown:hover .dropdown-content {
  display: block;
}
.leftcolumn {   
  float: left;
  width: 75%;
}
.rightcolumn {
  float: left;
  width: 25%;
  background-color: #f1f1f1;
  padding-left: 20px;
}
.d1,d2,d3{
    float:left;
    margin:0 10px;
}
.footer{margin:10 10px;}
.clear-fix::after{
    content: "";
    display:table;
    clear:both;
}
main{
  margin: 0 auto; 
  text-align: center;
}
    </style>
</head>
<body>
<div class="container">
    <header>
        <div><img src="kd1.jpg" /></div>
        <nav>
            <div><a href="#">首页</a></div>
                <div><a href="study.html">生涯</a></div>
                <div><a href="food.html">生活</a></div>
                <div><a href="movie.html">赛场</a></div>
        </nav>
        <ul>
            <li><a href="https://baike.so.com/doc/4764481-4980105.html###">个人介绍</a></li>
            <li><a href="https://news.zhibo8.cc/nba/2022-11-24/637ecf3ae3692.htm">得分</a></li>
            <li><a href="http://sports.sina.com.cn/basketball/nba/2017-06-13/doc-ifyfzfyz3685622.shtml">荣誉</a></li>
            <li class="dropdown">
            <a href="javascript:void(0)" class="dropbtn">近期表现</a>
            <div class="dropdown-content">
                <a href="https://bbs.hupu.com/56794024.html">对阵凯尔特人</a>
                <a href="https://sports.sohu.com/a/612624824_121419296">对阵猛龙</a>
            </div>
            </li>
        </ul>
        <p>浮动在图片上的文字</p>
    </header>
    <div id="z1">
        凯文杜兰特不相信长夜将至，因为火把就在他的手里！
    </div>
    <main class="clear-fix">
        <div class="d2"></div>
        <div class="d1">
                <h2>kd介绍</h2>
                <h5>国际赛场</h5>
                <p>2007年2月,杜兰特收到美国篮球队训练营的邀请,被选为美国国家集训队,但他最终被放弃,无缘参加2008年北京奥运会。
                    2010年夏天土耳其世锦赛上,杜兰特不仅率领美国“梦九队”夺冠,圆了美国男篮的梦,并且在这届世锦赛上,杜兰特以场均22.8分当选赛事MVP。这一数字,也创造了世锦赛美国队员个人场均得分历史新高。
                    2012年,代表美国队参加伦敦奥运会并夺冠,杜兰特出任主力小前锋并成为主要得分点。Durant也成为美国队历史上单人单届奥运会的得分最多的球员,也有场均19.5分成为美国队奥运会历史上均分最高的球员。
                    2014年男篮世界杯杜兰特曾参加集训,但最终退出。
                    2016年8月21日,里约热内卢奥运会男篮决赛,杜兰特三分11投5中砍下全场最高的30分,带领队伍勇夺金牌。</p>
                    <p><img src="kd2.jpg"></p>
                <h2>kd介绍</h2>
                <h5>技术特点</h5>
                <p>杜兰特绝对拥有绝佳的身体天赋,他拥有211cm身高及228cm的臂展。杜兰特的手臂每个赛季都在变粗。已经不惧怕任何身体对抗了,并且常常在身体失去平衡的情况下命中投篮或是上篮,有时甚至隔着7尺大个完成扣篮。他的控球技术异常娴熟,迅捷的交叉变相，转身，急停跳投等动作只有在后卫身上能见到。投篮手感极好，可以在场地任何地方得分，没有人能够封盖他的跳投。控卫级别的组织能力和传球意识，能够一人盘活全队进攻。篮板拼抢积极，特别是进攻篮板。控球能力在这个身高绝属罕见.杜兰特最突出的技术就是他稳定的中投能力，无论从投篮动作还是命中率上他都无可挑剔。他的罚球也是他的一个强项。</p>
            </div>
        <div class="d3"></div>
        </div>
    </main>
    <div id="footer">
        凯文杜兰特
    </div>
</div>
</body>
</html>